<template>
  <div>
    <header class="h-20 bg-red-500 flex justify-center items-center" >
      <p class="text-white text-xl font-bold tracking-wider">Vue for tailwindCSS</p>
    </header>
    <AppLayoutLinks class="text-center text-3xl" />
    <slot />
  </div>
</template>

<script>
import AppLayoutLinks from '@/layouts/AppLayoutLinks'

export default {
  name: 'AppLayoutAbout',
  components: {
    AppLayoutLinks
  }
}
</script>
